<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>安全管理</title>
    <link rel="stylesheet" type="text/css" href="css/models.css">
</head>
<body>
<div class="MainContent">
    <!--面包屑-->
    <div class="current">当前位置：<a href="#">帐户管理</a>&nbsp;&gt;&nbsp;<span>安全管理</span> </div>
    <!--end 面包屑-->
    <!--主体内容-->
    <div class="MainCont">
        <!--标题-->
        <div class="ph_subTit no_border">
            <h2>安全管理</h2>
        </div>
        <!--end 标题-->
        <!--修改密码-->
        <div class="ph_tabBox">
            <span class="ph_tabLine">登录密码</span><span class="ph_tabLine">支付密码</span>
        </div>
        <div class="ph_tabCon">
            <div class="ph_methodBox ph_setUp hide">
                <form action="">
                    <p class="ph_methPass">
                        <label for=""><span class="require">*</span>新密码：</label>
                        <input name="" type="password">
                    </p>
                    <p class="ph_methPass">
                        <label for=""><span class="require">*</span>确认新密码：</label>
                        <input name="" type="password">
                    </p>
                    <p class="ph_methPass">
                        <label for=""> <span class="require">*</span>验证码：</label>
                        <input name="" type="text">
                        <span class="provingImg"><input class="provingTxt realNameCode ph_noBor" type="button" value="获取验证码"></span>
                    </p>
                </form>
            </div>
            <div class="ph_methodBox ph_setUp hide">
                <form action="">
                    <p class="ph_methPass">
                        <label for=""><span class="require">*</span>新密码：</label>
                        <input name="" type="password">
                    </p>
                    <p class="ph_methPass">
                        <label for=""><span class="require">*</span>确认新密码：</label>
                        <input name="" type="password">
                    </p>
                    <p class="ph_methPass">
                        <label for=""> <span class="require">*</span>验证码：</label>
                        <input name="" type="text">
                        <span class="provingImg"><input class="provingTxt realNameCode ph_noBor" type="button" value="获取验证码"></span>
                    </p>
                </form>
            </div>
        </div>
        <!--end 修改密码-->
        <!--返回按钮-->
        <div class="PopupBtn btnLeft">
            <input class="submit" name="" type="button" value="保存">
        </div>
        <!--end 返回按钮-->
    </div>
    <!--end 主体内容-->
</div>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script>
    $(function(){
        /*tab标签切换*/
        function tabs(tabTit,on,tabCon){
            $(tabCon).each(function(){
                $(this).children().eq(0).show();
            });
            $(tabTit).each(function(){
                $(this).children().eq(0).addClass(on);
            });
            $(tabTit).children().click(function(){
                $(this).addClass(on).siblings().removeClass(on);
                var index = $(tabTit).children().index(this);
                $(tabCon).children().eq(index).show().siblings().hide();
            });
        }
        tabs(".ph_tabBox","on",".ph_tabCon");
    });
</script>
</body>
</html>